<script setup>
import {ref} from "vue"
import copy from "@/assets/copy.png"
import deleteIcon from "@/assets/delete.png"
import print from "@/assets/print.png"
import share from "@/assets/share.png"
const list = ref([
  {
    icon: copy,
    title: '复制单据'
  },
  {
    icon: print,
    title: '蓝牙打印'
  },
  {
    icon: share,
    title: '分享'
  },
  {
    icon: deleteIcon,
    title: '删除'
  },
])
</script>

<template>
  <div class="w-full padding backgroundColor roundCorner marginTop elasticity">
    <div v-for="(item, index) in list" :key="index" class="text-center bg-[#fff] m-auto w-[58px]">
      <van-image
          width="30"
          height="30"
          :src="item.icon"
      />
      <div class="text-[12px] mt-[-5px]">{{item.title}}</div>
    </div>
  </div>
</template>

<style scoped>

</style>